@media screen and (max-width: 1400px) {

  .pro {

    height: 388px;

  }



  .syv .syvtx i {

    margin: 15px 0 15px;

  }

  .syv .syvtx .ht {

    font-size: 24px;

    line-height: 32px;

  }



  .synewstit h2 {

    font-size: 76px;

  }

  .synewstit h3 {

    font-size: 36px;

  }



  .contact .wrap {

    width: 87%;

    padding: 0;

  }



  .fdimgtx {

    padding-top: 12%;

  }



  .msg {

    padding: 4% 0;

  }

  .msg table {

    margin: 0 auto;

  }

  .msg table tr > td {

    padding: 8px 0;

  }



  .reqli .swiper-scrollbar {

    bottom: 5% !important;

  }



  .stepli ul li em {

    width: 100px;

    height: 100px;

  }



  .storexx {

    padding: 3% 0;

  }



  .xxtx {

    width: 53%;

  }



  .xxmap {

    width: 47%;

    height: 360px;

  }



  .feali .flex-direction-nav {

    top: 38%;

  }



  nav ul li .pcnavh{

    padding:0 24px;

  }

  .lgr li a{

    padding:21px 16px;

  }

  .market .onetx{

    padding-top:4%;

  }

  .join .synewsimg img{

    width: 100%;

  }

}

@media(min-width:1400px) and (max-width:1600px) {

.syv .syvtx .ht {

    font-size: 24px;

    line-height: 32px;

  }
  
}

@media(min-width:1320px) and (max-width:1400px) {

.syv .syvtx .ht {

    font-size: 22px;

    line-height: 42px;

  }
  
}

@media screen and (max-width: 1320px) {

  .topnav .topnavbtn {

    display: block;

  }



  nav {

    display: none;

    position: absolute;

    width: 100%;

    top: 70px;

    right: 0;

  }

  nav ul {

    width: 100%;

  }

  nav ul li {

    width: 100%;

    background: #e4e8e8;

  }

  nav ul li a {

    width: 100%;

    line-height: 28px;

    padding: 12px 5%;

    box-sizing: border-box;

  }

  

}

@media screen and (max-width: 1280px) {

  .synewpro .tit {

    display: none;

  }



  .synewprotit {

    display: block;

  }



  .pro {

    width: 50%;

    padding-top: 40px;

    height: 285px;

    border-bottom: 1px solid #f9f9f9;

  }

  .pro .proimg {

    bottom: 0px;

  }



  .newsyear {

    width: 330px;

  }



  .syv .syvtx {

    padding-top: 2.5%;

  }

  .syv .syvtx .ct {

    line-height: 24px;

  }

  .syv .syvtx .learnmore {

    margin-top: 15px;

  }

}

@media screen and (max-width: 1144px) {

  #slider {

    width: 50%;

    height: 40px;

    position: relative;

    border-radius: 2px;

    background-color: #eee;

    text-align: center;

    user-select: none;

    -moz-user-select: none;

    -webkit-user-select: none;

  }

  

  .banner ul li {

    height: 3rem;

  }

  .mbanner ul li {

    height: 3rem;

  }

  .lgr {

    display: none;

  }



  .syv {

    opacity: 1;

    top: 0;

  }

  .syv .syvideo {

    width: 100%;

  }

  .syv .syvtx {

    padding-top: 2%;
	
	padding-left:4%;

    width: 100%;

    padding-bottom: 5%;

  }

  .syv .syvtx .learnmore {

    margin-top: 30px;

  }



  .newproli {

    opacity: 1;

    top: 0;

  }



  .synewstit h2 {

    font-size: 60px;

  }



  .nybd {

    height: 400px;

  }



  .infobd {

    height: 300px;

  }



  .loadbtn {

    padding: 60px 0 60px;

  }

  .loadbtn a {

    width: 220px;

    height: 55px;

    line-height: 55px;

    font-size: 16px;

  }



  .speech .ceotx {

    padding-top: 3%;

    padding-right: 3%;

  }

  .speech .ceotx i {

    margin: 2% 0 2%;

  }

  .speech .ceotx h3 {

    font-size: 22px;

    margin-bottom: 2%;

  }

  .speech .ceotx .desen {

    line-height: 16px;

  }



  .speech .ceoimg .ceoname h2 {

    font-size: 42px;

  }



  .contact {

    width: 100%;

  }

  .contact .wrap {

    width: 80%;

    padding: 0;

  }



  .pi {

    width: 100%;

  }



  .ewm {

    margin-left: 0;

    width: 100%;

    text-align: left;

    border-left: none;

    margin-top: 5%;

  }



  .ewmbox {

    margin-left: 0;

    margin-right: 10%;

  }



  .msg {

    padding: 4% 0;

  }

  .msg table {

    width: 500px;

  }

  .msg table tr > td {

    padding: 5px 0;

  }

  .msg table .intx {

    padding: 0 10px;

    font-size: 12px;

    line-height: 40px;

    height: 40px;

  }



  .thrbtx {

    padding-top: 3%;

  }



  .thbsl ul li {

    margin-bottom: 10px;

  }

  .thbsl ul li .th {

    font-size: 12px;

    line-height: 32px;

    border: 1px #dfe0e0 solid;

  }

  .thbsl ul li .tp {

    display: none;

    padding-top: 10px;

  }

  .thbsl ul li .tp p {

    font-size: 12px;

    line-height: 22px;

  }



  .reqli .swiper-scrollbar-drag {

    background: url(../images/drager.png) no-repeat center;

    background-size: 40px 40px;

  }



  .stepli ul li {

    width: 47%;

    margin-right: 6%;

    margin-bottom: 5%;

    height: 148px;

    overflow: hidden;

  }

  .stepli ul li:nth-child(3n) {

    margin-right: 6%;

  }

  .stepli ul li:nth-child(2n) {

    margin-right: 0;

  }

  .stepli ul li em {

    width: 80px;

    height: 80px;

  }

  .stepli ul li h2 {

    font-size: 28px;

  }

  .stepli ul li h2 b {

    font-size: 48px;

  }

  .stepli ul li p {

    font-size: 14px;

    color: #666;

    line-height: 26px;

  }



  .recruitbg {

    padding: 5% 5%;

    background-color: #f5f5f5;

  }

  .recruitbg .job {

    width: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

  .recruitbg .hotrec {

    width: 100%;

  }

  .joblist .poslist{

    padding-bottom:30px;

  }

  .seemore {

    padding: 30px 0 0;

  }

  .seemore a {

    font-size: 14px;

    line-height: 40px;

    height: 40px;

  }



  .findstore h2 {

    font-size: 36px;

    margin-bottom: 7%;

  }

  .findstore .find {

    border-radius: 10px;

  }

  .findstore .find input {

    height: 50px;

    line-height: 50px;

  }



  .storelist {

    padding: 4% 12%;

  }



  .resultstores {

    margin-top: 5%;

  }

  .resultstores ul li {

    padding: 12px 20px;

  }

  .resultstores ul li .listnum {

    width: 5%;

    height: 45px;

    background: url(../images/storedot.png) no-repeat center;

    background-size: 30px 38px;

  }



  .storexx {

    padding: 3% 0;

  }



  .xxtx {

    width: 53%;

  }



  .xxmap {

    width: 47%;

    height: 320px;

  }



  .mune {

    float: right;

  }



  .allpro {

    border-right: none;

    margin-right: 0;

  }



  .lgr, .lang, .topsearch {

    display: none;

  }



  .float-right-box {

    display: none;

  }



  .lmore .lmoreli ul li {

    width: 50%;

    padding: 0;

    padding-right: 5%;

    padding-bottom: 3%;

  }



  .culture .culli ul li {

    width: 50%;

    padding: 0;

    padding-right: 5%;

    padding-bottom: 3%;

  }



/*  .vclist .years ul li {

    width: 50%;

  }*/



  .vlayer {

    background-color: #fff;

  }



  #videobox {

    width: 100%;

    height: auto;

    background-color: #000;

  }



  #video {

    height: auto;

    width: 100%;

    left: 50%;

    margin-left: -50%;

    z-index: 102;

    top: 18%;

    margin-top: 0;

  }



  #close-video {

    width: 60px;

    height: 60px;

    margin-top: -70px;

    margin-right: 15px;

    background-size:cover;

  }



  .yywxbox {

    background-color: transparent;

  }



  .wx-wrap {

    width: 260px;

    height: 260px;

    background-color: #fff;

    margin: -130px auto 0;

  }



  .feali .flex-direction-nav li {

    width: 32px;

    height: 32px;

  }

  .feali .flex-direction-nav a {

    width: 30px;

    height: 30px;

  }

  .feali .flex-direction-nav a.flex-prev {

    margin-left: 0px;

  }

  .feali .flex-direction-nav a.flex-next {

    margin-right: 0px;

  }



  .prodatali ul li {

    width: 50%;

  }

  .prodatali ul li:nth-child(2n) {

    position: relative;

  }

  .prodatali ul li:nth-child(2n)::after {

    content: "";

    display: block;

    width: 200%;

    height: 1px;

    background-color: #e5e5e5;

    position: absolute;

    right: 0;

    bottom: 0;

  }



  .profeat h2 {

    font-size: 28px;

  }



  .protit .mc {

    font-size: 24px;

  }

  .protit .xh {

    font-size: 14px;

  }

  .pro .proimg{

    right:0;

    width: 80%;

  }

  .pro:hover .protit {

    left: 0;

  }

  .pro:hover .proimg {

    opacity: 1;

    right: 0;

    transition: all 0.5s;

  }



  .feali ul li:hover .feaimg {

    background-color: transparent;

  }

  .feali ul li:hover .feaimg img {

    transform: scale(1);

    opacity: 1;

  }



  .allcars ul li:hover .carimg img {

    opacity: 1;

    transition: all 0.5s ease 0s;

  }



  .theone .oneimg:hover {

    background-color: transparent;

  }

  .theone .oneimg:hover img {

    transform: scale(1);

    opacity: 1;

  }



  .stores .storeli ul li:hover .store {

    background-color: #fff;

  }

  .stores .storeli ul li:hover .store img {

    transform: scale(1);

    opacity: 1;

  }



  .lmore .lmoreli ul li:hover .lmoreimg {

    background-color: #fff;

  }

  .lmore .lmoreli ul li:hover .lmoreimg img {

    transform: scale(1);

    opacity: 1;

  }



  .culture .culli ul li:hover .culimg {

    background-color: #fff;

  }

  .culture .culli ul li:hover .culimg img {

    transform: scale(1);

    opacity: 1;

  }



  .speech .ceoimg:hover em {

    background-color: transparent;

  }

  .speech .ceoimg:hover em img {

    transform: scale(1);

    opacity: 1;

  }



  .fdimg:hover {

    background-color: transparent;

  }

  .fdimg:hover > img {

    transform: scale(1);

    opacity: 1;

  }



  .thrbimg:hover {

    background-color: transparent;

  }

  .thrbimg:hover img {

    transform: scale(1);

    opacity: 1;

  }



  .careli ul li:hover em {

    background-color: transparent;

  }

  .careli ul li:hover em img {

    transform: scale(1);

    opacity: 1;

  }



  .suptli .slides li:hover em {

    background-color: transparent;

  }

  .suptli .slides li:hover em img {

    opacity: 1;

    transform: scale(1);

  }

	

/*  .advantli ul li {

    width: 95%;

    margin-bottom: 5%;

  }*/

  .advantli ul li em {

    width: 60px;

    height: 60px;

    float: left;

    margin-right: 3%;

    margin-bottom: 2%;

  }

  .advantli ul li h2 {

    line-height: 60px;

    margin-bottom: 2%;

  }

  .advantli ul li h3 {

    margin-bottom: 2%;

  }



  .reqcont .swiper-slide:hover em {

    background-color: transparent;

  }

  .reqcont .swiper-slide:hover em img {

    opacity: 1;

    transform: scale(1);

  }



  .news .synewsimg:hover {

    background-color: transparent;

  }

  .news .synewsimg:hover img {

    opacity: 1;

    transform: scale(1.01);

  }



  .newslist .newslistul .newslistli:hover .newsliimg {

    background-color: transparent;

  }

  .newslist .newslistul .newslistli:hover .newsliimg img {

    opacity: 1;

    transform: scale(1);

  }



  .activities ul li:hover .actimg {

    background-color: transparent;

  }

  .activities ul li:hover .actimg img {

    opacity: 1;

    transform: scale(1);

  }



  .yvli ul .yv:hover .mask {

    opacity: 1;

  }



  .feali:hover .flex-direction-nav a.flex-prev {

    opacity: 1;

    left: 0;

  }

  .feali:hover .flex-direction-nav a.flex-next {

    opacity: 1;

    right: 0;

  }



  .groupinfo {

    position: fixed;

    top: 50%;

    left: 50%;

    width: 70%;

    margin-left: -35%;

    margin-top: -266px;

    padding: 50px;

    box-sizing: border-box;

    background-color: #fff;

    z-index: 999;

  }



  .coreli ul li{

    background-color: #fff;

  }

  .coreli ul li em {

    width: 100%;

  }

  .coreli ul li .coretx {

    width: 100%;

  }



  .coretxt {

    width: 100%;

  }

  .coreli ul li em:hover::after {

    opacity: 0;

    transition:opacity 0.5s ease 0s;

  }

  .applybtn .hrxx{

    display: block;

  }

  .applybtn a{

    display: none;

  }

  .revd .dtlbox{

    display: none;

  }

  .mvideo{

    display: block;

  }

  .banner{

    display: none;

  }

  .mbanner{

    display: block;

  }

  .fdimgtx{

    padding-top:5%;

  }

  .theone .onetx{

    padding-top:4%;

  }

  .market{

    padding-left:0;

  }

  .market .oneimg{

    width: 100%;

  }

  .market .onetx{

    width: 100%;

    padding-left:5%;

    box-sizing:border-box;

  }

  .market .onetx .dev{

    margin-bottom:2%;

  }

  .theone .onetx i{

    margin-top:2%;

    margin-bottom:0;

  }

  .theone .onetx .des{

    margin-top:3%;

  }

  .advantli ul li .advanttx{

    max-height:390px;

  }

  .philli ul li.si0 em:hover{

  	background: url(../images/sia.png) no-repeat center 0;

  	background-size: 100% auto;

  }

  .philli ul li.si1 em:hover{

  	background: url(../images/sib.png) no-repeat center 0;

  	background-size: 100% auto;

  }

  .philli ul li.si2 em:hover{

  	background: url(../images/sic.png) no-repeat center 0;

  	background-size: 100% auto;

  }

  .philli ul li.si3 em:hover{

  	background: url(../images/sid.png) no-repeat center 0;

  	background-size: 100% auto;

  }

  .bdtx .nybtn{

    display: none;

  }

}

@media screen and (max-width: 980px) {

  .pcsynewproli{

	  display:none;

  }

  .mobsynewproli{

	  display:block;

  }

  .nybd {

    height: 300px;

  }



  .infobd {

    height: 200px;

  }



  .topsearch .topsearch-form.on {

    width: 340px;

  }

  .topsearch .topsearch-form .topsearchtx {

    width: 245px;

  }



  .allpro {

    margin-left: 30px;

  }



  .pro {

    overflow: hidden;

  }

  .pro .proimg{

    width: 85%;

  }

  

  .botlink {

    width: 75%;

  }



  .focus {

    width: 25%;

  }



  .ftlink {

    width: 100%;

    margin-right: 0;

    text-align: center;

  }

  .ftlink a {

    padding: 0 10px;

  }



  .copyright {

    width: 100%;

    margin-left: 0;

    text-align: center;

  }

  .copyright a {

    display: inline-block;

  }

  .copyright span {

    display: inline-block;

  }



  .leadin ul li {

    width: 50%;

    padding: 5% 0;

  }

  .leadin ul li em {

    float: left;

  }



  .allcars ul li {

    width: 50%;

  }



  .data .member, .data .work {

    width: 188px;

    margin-right: 45px;

    background: url(../images/dataline.jpg) no-repeat right center;

  }

  .data .num {

    font-size: 36px;

  }

  .data .num span {

    font-size: 16px;

    margin-left: 5px;

  }



  .theone {

    padding-left: 0;

  }

  .theone .oneimg {

    width: 100%;

  }

  .theone .onetx {

    width: 100%;

    padding-top: 5%;

    padding-bottom: 5%;

    padding-right: 5%;

    padding-left: 5%;

    box-sizing: border-box;

  }

  .theone .onetx i {

    margin: 3% 0 3%;

  }

  .theone .onetx .des {

    margin-top: 3%;

  }



  .speech {

    overflow: hidden;

  }

  .speech .ceotx {

    padding-top: 5%;

    padding-right: 5%;

  }

  .speech .ceotx i {

    margin: 5% 0 5%;

  }

  .speech .ceotx h3 {

    font-size: 16px;

    margin-bottom: 2%;

  }

  .speech .ceotx .descn {

    font-size: 12px;

    line-height: 22px;

  }

  .speech .ceotx .desen {

    display: none;

    line-height: 16px;

  }



  .speech .ceoimg .ceoname h2 {

    font-size: 32px;

  }



  .newsyears {

    padding: 5%;

  }



  .newslist {

    padding: 0 5%;

  }



  .activities {

    padding-left: 5%;

    padding-right: 5%;

  }



  .info {

    padding: 5% 5%;

  }



  .philli ul li {

    width: 50%;

  }



  .msg {

    width: 100%;

    padding: 5%;

    box-sizing: border-box;

  }

  .msg table {

    width: 100%;

    padding: 0;

    margin: 0 auto;

    box-sizing: border-box;

  }



  .fdimg {

    width: 100%;

    overflow: hidden;

    z-index: 1;

  }

  .fdimg > img {

    position: absolute;

    top: 0;

    left: 0%;

    width: 100%;

    z-index: -1;

  }



  .fdimgtx {

    position: static;

    padding: 5%;

  }



  .thrbtx {

    width: 100%;

    box-sizing: border-box;

    padding-left: 5%;

    padding-right: 5%;

    padding-top: 5%;

    padding-bottom: 5%;

  }



  .thrbt i {

    margin-top: 3%;

    margin-bottom: 5%;

  }



  .thrbimg {

    width: 100%;

  }



  .careli ul {

    padding-top: 5%;

  }

  .careli ul li {

    width: 50%;

    margin-bottom: 5%;

  }



  

  .reqli{

    padding-bottom:3%;

  }

  .reqli .swiper-scrollbar {

    bottom: 1% !important;

  }



  .reqcont .swiper-slide .unit {

    width: 7.5rem;

    margin-left:0;

    margin-right:30px;

  }

  .reqcont .swiper-slide .unit:last-child{

    margin-right:0;

  }

  .reqcont .swiper-slide em {

    width: 45%;

    height: auto;

  }

  .reqcont .swiper-slide .reqtx {

    width: 55%;

    padding: 60px 40px 0;

  }



  .stepli ul li em {

    width: 60px;

    height: 60px;

  }

  .stepli ul li h2 {

    font-size: 24px;

  }

  .stepli ul li h2 b {

    font-size: 40px;

    font-weight: normal;

  }



  .nybtn {

    display: none;

  }



  .talent {

    padding: 5% 0;

  }



  .recruitbg {

    padding: 5%;

  }



  .jobp .pli li {

    font-size: 12px;

    line-height: 20px;

    height: 40px;

  }



  .jobp .preq dl.dlone {

    width: 50%;

  }



  .jobp .preq dl.dltwo {

    width: 50%;

    padding-left: 4%;

  }



  .jobp .preq i {

    left: 50%;

  }



  .storelist {

    padding: 4% 9%;

  }



  .storexx {

    padding: 3% 0;

  }



  .xxtx {

    width: 100%;

  }

  .xxtx h2 {

    margin-bottom: 1%;

  }

  .xxtx .xxewm {

    margin-top: 5%;

  }



  .xxmap {

    width: 100%;

    height: 320px;

  }



  .search-alert .topsearch-form {

    position: absolute;

    width: 94.8%;

    left: 2.6%;

    top: 50%;

    height: 80px;

    margin-top: -40px;

  }

  .search-alert .topsearch-form .topsearchbtn {

    width: 80px;

    height: 80px;

  }

  .search-alert .topsearch-form .topsearchtx {

    font-size: 36px;

    height: 80px;

    line-height: 80px;

    padding-left: 88px;

    padding-right: 80px;

    background: url(../images/ico_36.png) no-repeat 35px center;

  }



  #video {

    top: 25%;

  }



  .prosimg {

    height: 198px;

    margin-top: -99px;

  }

  .prosimg .proclli ul li {

    width: 54px;

    height: 54px;

    padding-top:8px;

  }



  .prodesc {

    height: 134px;

    right: 5%;

    margin-top: -67px;

  }

  .prodesc ul li .bt {

    font-size: 14px;

    line-height: 1;

  }

  .prodesc ul li .bp {

    font-size: 12px;

  }



  .clbtn.prevbtn {

    left: 20%;

  }

  .clbtn.nextbtn {

    right: 20%;

  }



  .feali .flex-direction-nav {

    top: 35%;

  }

  /*=============result============*/

  .result-wrap .newslist{

    padding:2% 5% 0;

  }

  .result-wrap .storelist{

    padding:0 5% 5%;

  }

  .findtit{

    background-color: #f9f9f9;

    padding:22px 5% 22px;

  }

  .findtit h2{

    font-size: 24px;

  }

  .newsbdtx{

    left:5%;

  }

  .fdimgtx{

    padding-top:10%;

  }

}

@media screen and (max-width: 766px) {

  .verify{

    padding-bottom:50px;

  }

  .bdtx i{

    margin-top:15px;

  }

  /*.verify .touch {

    width: 80%;

    margin-bottom: 10px;

  }

  .verify span {

    width: 100%;

  }

  .verify input.msgbtn {

    width: 100%;

  }*/

  .verify .fakebtn{

    width: 100%;

    margin-top:10px;

  }

  .verify input.msgbtn{

    width: 100%;

  }

  #slider{

    width: 80% !important;

  }

  .hdpd {

    height: 44px;

  }



  header .wrap {

    height: 44px;

  }



  .search-alert .close {

    width: 18px;

    height: 18px;

    top: 38px;

    right: 5%;

  }

  .search-alert .topsearch-form {

    position: absolute;

    width: 94.8%;

    left: 2.6%;

    top: 20%;

    height: 40px;

    margin-top: -20px;

  }

  .search-alert .topsearch-form .topsearchbtn {

    width: 40px;

    height: 40px;

  }

  .search-alert .topsearch-form .topsearchtx {

    font-size: 24px;

    height: 40px;

    line-height: 40px;

    padding-left: 60px;

    padding-right: 60px;

    background: url(../images/ico_36.png) no-repeat 15px center;

  }



  .logo {

    display: block;

    width: 200px;

    height: 44px;
	
	margin-top:8px;

  }

  .logo img {

    width: 200px;

    height: auto;

  }



  .mune {

    height: 44px;

    padding: 8px 10px;

    box-sizing: border-box;

    margin-right: 0;

  }



  .allpro {

    margin-left: 10px;

  }

  .allpro .navbtn {

    margin-right: 5px;

  }



  .lang {

    width: 46px;

    background: url(../images/langarr.png) no-repeat 33px center;

    background-size: 9px 6px;

  }

  .lang a {

    height: 44px;

    line-height: 44px;

    padding-left: 10px;

  }



  .topsearch .topsearch-active {

    width: 44px;

    height: 44px;

  }

  .topsearch .topsearch-form {

    height: 44px;

  }

  .topsearch .topsearch-form .topsearchbtn {

    width: 44px;

    height: 44px;

  }

  .topsearch .topsearch-form .topsearchtx {

    width: 94px;

    height: 44px;

    line-height: 44px;

    padding-right: 10px;

    right: 44px;

  }

  .topsearch .topsearch-form.on {

    width: 3.5rem;

  }



  nav {

    top: 44px;

  }



  .nybd {

    height: 160px;

  }



  .nybtn {

    display: none;

    margin-top: 3%;

  }



  .infobd {

    height: 100px;

  }



  .bdtx {

    top: 40%;

    height: 80px;

  }

  .bdtx h2 {

    font-size: 24px;

  }

  .bdtx h3 {

    display: none;

    font-size: 14px;

  }

  .bdtx .nybtn {

    width: 30px;

    height: 30px;

  }



  .banner ul li {

    height: 4rem;

  }

  .mbanner ul li {

    height: 4rem;

  }

  .syv .syvideo b {

    display: block;

    width: 60px;

    height: 60px;

    background: url(../images/syvi.png) no-repeat center;

    background-size: 60px 60px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -30px;

    margin-left: -30px;

  }

  .syv .syvtx i {

    margin: 10px 0 10px;

  }

  .syv .syvtx .ht {

    font-size: 18px;

    line-height: 42px;

  }

  .syv .syvtx .ht span {

    display: block;

    margin-right: 10px;

  }

  .syv .syvtx .ct {

    font-size: 16px;

  }

  .syv .syvtx .bt {

    display: none;

  }



  .learnmore {

    width: 140px;

    height: 36px;

    line-height: 36px;

    margin-top: 20px;

    background: url(../images/learnarr.png) #0149ab no-repeat 120px center;

    background-size: 8px 14px;

  }



  .synewprotit {

    width: 100%;

    height: 44px;

  }

  .synewprotit h2 {

    padding: 10px 0;

    margin-top: -24px;

    font-size: 24px;

    font-weight: normal;

  }



  .pro {

    width: 100%;

    padding-top: 15px;

    height: 4rem;

    border-bottom: 1px solid #f9f9f9;

    padding-left: 0;

  }

  .pro .protit {

    text-align: center;

    margin-bottom: 0;

  }

  .pro .protit h2 {

    font-size: 18px;

    font-weight: normal;

    margin-bottom:-30px;

  }

  .pro .protit p {

    font-size: 16px;

  }

  .pro .proimg {

    width: 90%;

    bottom: 20px;

    position: static;

    margin: 0 auto;

  }

  .pro .morebtn {

    display: none;

  }



  .synewstit {

    width: 100%;

    position: static;

    padding-bottom: 5%;

  }

  .synewstit h2 {

    display: none;

    font-size: 52px;

  }

  .synewstit h3 {

    text-align: center;

    font-size: 24px;

    margin-top: 0;

    margin-bottom: 0;

  }

  .synewstit .newsp {

    display: none;

    font-size: 16px;

  }

  .synewstit .morebtn {

    display: none;

  }



  .newsli {

    width: 100%;

  }

  .newsli .news:nth-child(2n) {

    display: none;

  }



  .news {

    width: 100%;

  }

  .news .newsbrief {
  
    position:static;

    padding: 5% 5%;

  }

  .news .newsbrief h2 {

    font-size: 22px;

  }

  .news .newsbrief p {

    font-size: 12px;

  }

  .news .newsbrief .morebtn {

    margin-top: 5%;

  }



  .join .jointx {

    width: 100%;

  }

  .join .synewsimg{

    height: auto;

  }

  .join .synewsimg img {

    height:auto;

    position: relative;

    /*left: -45%;*/

    top: 0;

  }



  .botlink {

    display: none;

  }



  .focus {

    width: 100%;

  }

  .focus h2 {

    margin-bottom: 0px;

  }

  .focus .share {

    padding-bottom: 10px;

  }

  .code{ 
  
   margin:0 40px;
   
  }

  .hotline {

    padding-top: 10px;

  }



  .fttop {

    padding: 5%;

    padding-bottom: 10%;

  }



  .leadin ul {

    padding: 20px 0;

  }

  .leadin ul li {

    width: 50%;

    padding: 2% 0;

    overflow: hidden;

  }

  .leadin ul li em {

    float: left;

    margin-bottom: 0;

    width: 34px;

    height: 34px;

    margin-left: 10px;

  }

  .leadin ul li h2 {

    float: left;

    vertical-align: middle;

  }

  .leadin ul li h2 a {

    font-size: 15px;

    padding: 11px 0;

    margin-bottom: 0;

  }

  .leadin ul li h3 {

    display: none;

  }



  .loadbtn {

    padding: 30px 0 30px;

  }

  .loadbtn a {

    width: 140px;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

  }



  .allcars {

    top: 44px;

  }

  .allcars ul li {

    width: 100%;

  }

  .allcars ul li .carimg {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 40%;

    vertical-align: top;

  }

  .allcars ul li .carbrief {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 57%;

    box-sizing: border-box;

    vertical-align: top;

  }

  .allcars ul li .carbrief .brief {

    padding: 4%;

    text-align: left;

    border-bottom: none;

  }

  .allcars ul li .carbrief .brief h2 {

    font-size: 14px;

  }

  .allcars ul li .carbrief .brief .des {

    font-size: 12px;

  }

  .allcars ul li .carbrief .carmore {

    display: none;

  }

  .intro .wrap{

    text-align: center;

  }

  .data{

    display: inline-block;
	width:100%;
	padding:20px 0px 50px 0px;

  }
  
  .data .member, .data .work, .data .honor, .data .store{
  width: 48%;
  margin-right:1%;
  margin-left:1%;
  margin-bottom:8%;
  text-align:center;
  background: url(../images/dataline.jpg) no-repeat right center;
}
.data .member:nth-child(2){
  background:none;
}
.data .store{ background:none;}

  .data .num {

    font-size: 24px;

  }

  .data .num span {

    font-size: 14px;

    margin-left: 5px;

  }

  .data .sm {

    padding-left: 0;

    font-size: 12px;

  }



  .intro {

    padding-right: 5%;

  }

  .intro h2 {

    font-size: 24px;

  }



  .history .years {

    padding-top: 8%;

  }

  .history .years li .year {

    font-size: 36px;

  }



  .lmore .lmoreli ul li {

    width: 100%;

    padding: 0;

    padding-right: 5%;

    padding-bottom: 3%;

  }



  .culture .culli ul li {

    width: 100%;

    padding: 0;

    padding-right: 5%;

  }



  .speech {

    padding-left: 0;

    overflow: hidden;

  }

  .speech .ceotx {

    width: 100%;

    padding-left: 5%;

    padding-top: 10%;

    padding-bottom: 10%;

  }

  .speech .ceoimg {

    width: 100%;

  }

  .speech .ceoimg .ceoname h2 {

    font-size: 28px;

  }

  .speech .ceoimg .ceoname p {

    line-height: 1;

    margin-top: 5px;

  }



  .newsyear {

    width: 100%;

  }



  .newssrarch {

    margin-top: 5%;

    float: left;

    width: 100%;

  }

  .newssrarch .newsschtx {

    float: left;

    box-sizing:border-box;

    height:36px;

    width: 86%;

  }

  .newssrarch .newsschbtn {

    float: right;

    box-sizing:border-box;

    width: 14%;

  }



  .newsyear ul li {

    font-size: 24px;

  }

  .newsyear ul li.cur {

    font-size: 32px;

  }



  .newsliimg {

    width: 100%;

    margin-bottom: 5%;

  }



  .newslitx {

    width: 100%;

    padding-left: 0;

  }

  .newslitx .newslip {

    display: none;

  }



  .activities .loadbtn {

    padding-top: 5%;

  }

  .activities ul li {

    width: 100%;

    margin-bottom: 5%;

  }



  .infotit {

    padding-bottom: 10px;

    margin-bottom: 10px;

  }

  .infotit .infot {

    width: 100%;

  }

  .infotit .infot h2 {

    font-size: 18px;

    line-height: 22px;

  }

  .infotit .share {

    width: 100%;

    border-bottom: none;

    padding-bottom: 0;

    margin-top: 20px;

  }





  .infoctrl p {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

  }

  .infoctrl .pgup {

    float: left;

  }

  .infoctrl .pgdn {

    text-align: left;

    float: left;

  }



  .infotx p {

    margin-bottom: 10px;

  }



  .loginbox {

    width: 300px;

    margin-left: -150px;

    padding: 30px 30px;

  }



  .contact {

    width: 100%;

  }

  .contact .wrap {

    width: 100%;

    padding: 0 5%;

  }



  .pi {

    width: 100%;

  }

  .pi p {

    width: 100%;

    font-size: 12px;

  }



  .ewm .ewmbox {

    margin-right: 5%;

  }



  .philli ul li {

    width: 100%;

    padding-right:0;

  }

  .philli ul li em {

    width: 60px;

    height: 60px;

    margin-bottom: 2%;

  }

  .philli ul li:hover em img {

    margin-top: -60px;

  }



  .msg {

    width: 100%;

    padding: 10% 5%;

    box-sizing: border-box;

  }

  .msg table {

    display: block;

    width: 100%;

    padding: 0;

    margin: 0 auto;

    box-sizing: border-box;

  }

  .msg table tbody {

    display: block;

  }

  .msg table tbody tr {

    display: block;

  }

  .msg table tbody tr td {

    width: 100%;

    display: block;

  }

  .msg table h2 {

    padding-bottom: 10px;

  }

  .msg table label {

    display: inline-block;

  }

  .msg table .code img {

    max-width: 100%;

  }

  /*.msg table .msgbtn {

    width: 100%;

    line-height: 40px;

    height: 40px;

    margin-top: 20px;

  }*/

  

  .fdimg > img {

    position: absolute;

    top: 0;

    left: 0%;

    width: 100%;

    z-index: -1;

  }

  

  .afsl {

    padding: 10% 5%;

  }



  .afsl .tit {

    margin-bottom: 5%;

  }



  .onel {

    width: 100%;

    padding-right: 0%;

  }



  .oner {

    width: 100%;

  }



  .numtx {

    margin-top: 5%;

  }



  .numtit .wc {

    font-size: 24px;

  }

  .numtit i {

    font-size: 24px;

  }



  .careli ul {

    padding-top: 5%;

  }

  .careli ul li {

    width: 100%;

    margin-bottom: 5%;

  }



  .advanttit {

    padding: 0 5%;

    text-align: center;

  }

  .advanttit h2 {

    font-size: 24px;

    margin-bottom: 3%;

  }

  .advanttit p {

    font-size: 12px;

    line-height: 22px;

  }

  .advanttit i {

    margin: 5% auto;

  }



  .advantli ul li {

    width: 95%;

    margin-bottom: 5%;

    padding: 6%;

  }

  .advantli ul li em {

    width: 40px;

    height: 40px;

    float: left;

    margin-right: 3%;

    margin-bottom: 2%;

  }

  .advantli ul li h2 {

    font-size: 18px;

    line-height: 40px;

    margin-bottom: 2%;

  }

  .advantli ul li h3 {

    font-size: 14px;

    margin-bottom: 2%;

  }

  

  .reqcont {

    padding-bottom: 15%;

  }

  .reqcont .swiper-slide em {

    width: 100%;

  }

  .reqcont .swiper-slide .reqtx {

    width: 100%;

    padding: 5%;

    height:182px;

  }

  .reqcont .swiper-slide .reqtx .reqnum {

    font-size: 36px;

    margin-bottom: 10px;

  }

  .reqcont .swiper-slide .reqtx .reqp {

    font-size: 14px;

    color: #666;

    line-height: 26px;

  }



  .reqli .swiper-scrollbar {

    height: 25px !important;

    bottom: 2% !important;

  }

  .reqli .swiper-scrollbar-drag {

    background: url(../images/drager.png) no-repeat center;

    background-size: 25px 25px;

  }



  .stepli ul li {

    width: 100%;

    margin-right: 0;

    padding: 5%;

    height:120px;

    overflow: hidden;

  }

  .stepli ul li em {

    width: 50px;

    height: 50px;

  }

  .stepli ul li h2 {

    font-size: 18px;

  }

  .stepli ul li h2 b {

    font-size: 24px;

    vertical-align: text-bottom;

  }



  .talent {

    padding: 5%;

  }

  .talent .talbox {

    width: 100%;

    box-sizing: border-box;

    padding: 0;

  }

  .talent .talbox.strategy {

    margin-bottom: 20px;

  }

  .talent .talbox.strategy::before {

    display: none;

  }



  .jobsearch {

    padding-bottom: 34px;

  }

  .jobsearch .optin {

    float: left;

    width: 48%;

    margin-right: 4%;

    height: 36px;

    padding-left: 0%;

    line-height: 36px;

    margin-bottom: 10px;

  }

  .jobsearch .optin:nth-child(2n) {

    margin-right: 0;

  }

  .jobsearch .tbsearchbtn {

    float: left;

    width: 100%;

    height: 36px;

  }



  .tbh {

    padding: 0 30px;

    background-color: #8a8a8a;

  }

  .tbh li {

    display: none;

    line-height: 36px;

    height: 36px;

  }

  .tbh li.pos {

    width: 70%;

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 70%;

  }

  .tbh li.tbanchor {

    width: 30%;

    display: block;

  }



  .jobp .pli {

    padding-top: 0;

  }

  .jobp .pli li {

    width: 100%;

    height: auto;

  }



  .jobp .preq {

    padding: 20px 0;

  }

  .jobp .preq i {

    display: none;

  }

  .jobp .preq dl.dlone {

    margin-bottom: 10px;

  }

  .jobp .preq dl.dlone, .jobp .preq dl.dltwo {

    width: 100%;

    padding: 0;

  }

  .jobp .preq dl.dlone .dltit, .jobp .preq dl.dltwo .dltit {

    margin-bottom: 10px;

  }



  .applybtn a {

    width: 120px;

    height: 36px;

    line-height: 36px;

    margin: 0 auto;

  }



  .storelist {

    padding: 4% 5%;

  }



  .findstore {

    width: 80%;

    margin-left: -40%;

  }

  .findstore h2 {

    font-size: 24px;

    margin-bottom: 7%;

  }

  .findstore .find {

    border-radius: 5px;

  }

  .findstore .find input {

    height: 40px;

    line-height: 40px;

    font-size: 12px;

  }

  .findstore .find .findtx {

    width: 75%;

    padding: 0 5%;

  }

  .findstore .find .findbtn {

    width: 25%;

  }



  .places {

    padding: 2% 5% 5%;

  }

  .places p {

    height: auto;

    line-height: 40px;

    font-size: 12px;

    color: #666;

    text-align: left;

  }

  .places p span {

    display: block;

  }

  .places p select {

    width: 120px;

    height: 36px;

    line-height: 36px;

    margin-left: 0;

  }



  .storelist {

    padding: 4% 5%;

  }



  .yhmany {

    font-size: 18px;

  }



  .resultstores {

    margin-top: 5%;

  }

  .resultstores ul li {

    padding: 10px;

    background-color: #f6f6f6;

  }

  .resultstores ul li:nth-child(2n) {

    background-color: #fff;

  }

  .resultstores ul li .listnum {

    width: 10%;

    height: 28px;

    background: url(../images/storedot.png) no-repeat center;

    background-size: 22px 28px;

    text-align: center;

    margin-right: 2%;

  }

  .resultstores ul li .listnum span {

    display: block;

    line-height: 28px;

    color: #fff;

    font-size: 12px;

    font-family: "Arial";

  }

  .resultstores ul li .storename {

    width: 88%;

    line-height: 28px;

    font-size: 14px;

  }

  .resultstores ul li .storecity {

    float: left;

    width: 100%;

    line-height: 24px;

    border-right: none;

    border-left: none;

    font-size: 12px;

    text-align: left;

    box-sizing: border-box;

    padding-left: 12%;

    margin-top: 2%;

  }

  .resultstores ul li .storeaddr {

    width: 100%;

    font-size: 12px;

    line-height: 24px;

    box-sizing: border-box;

    padding-left: 12%;

  }



  .storexx {

    padding: 0 0;

  }



  .xxtx {

    padding: 8% 5%;

  }

  .xxtx h2 {

    margin-bottom: 1%;

    font-size: 24px;

  }

  .xxtx .xxewm {

    margin-top: 5%;

  }

  .xxtx .xxaddr {

    font-size: 14px;

  }

  .xxtx .xxewmbox {

    margin-right: 8%;

  }

  .xxtx .xxewmbox em {

    width: 100px;

    height: 100px;

  }



  .xxmap {

    height: 320px;

  }

  .xxmap .BMap_bubble_content {

    line-height: 24px;

    font-size: 14px;

  }



  .m-sub-menu .top-box {

    height: 44px;

    line-height: 44px;

  }

  .m-sub-menu .top-box .stt {

    font-size: 14px;

  }

  .m-sub-menu .top-box .close {

    width: 17px;

    height: 17px;

    margin-top: 12px;

  }



  .sp ul li {

    line-height: 44px;

  }

  .sp ul li a {

    font-size: 14px;

  }

  .sp ul li a::before {

    width: 8px;

    height: 16px;

    background: url(../images/flex-next.png) no-repeat center;

    background-size: 8px 16px;

    margin-top: -8px;

  }



  .navlist ul li {

    line-height: 44px;

  }

  .navlist ul li a {

    font-size: 14px;

  }

  .navlist ul li .navh::before {

    width: 16px;

    height: 16px;

    background: url(../images/subnavjia.png) no-repeat;

    background-size: 16px 16px;

    margin-top: -8px;

  }



  .sublang a {

    height: 44px;

    line-height: 44px;

    font-size: 14px;

  }



  .subbot ul li {

    line-height: 44px;

    height: 44px;

    font-size: 14px;

  }

  .subbot ul li a i {

    width: 32px;

    height: 32px;

    margin-right: 5px;

  }



  .title {

    font-size: 20px;

  }



/*  .vclist .years ul li {

    width: 100%;

  }

*/

  .vclist .tit h2 {

    font-size: 20px;

  }



  .dtlbox .simg ul li p {

    display: none;

  }

  .dtlbox .simg ul li b {

    margin-top: -10px;

    margin-left: -10px;

    width: 20px;

    height: 20px;

  }



  .jobdtl .jobp .pbg {

    padding: 20px 10px;

  }



  .jobdtlt {

    padding: 0 10px 0;

  }



  .applybtn a {

    width: 100%;

    font-size: 16px;

  }



  .nyprorec {

    height: 128px;

  }



  .feali .flex-direction-nav {

    top: 40%;

  }

  .feali .flex-direction-nav a.flex-prev {

    opacity: 1;

    left: 0;

  }

  .feali .flex-direction-nav a.flex-next {

    opacity: 1;

    right: 0;

  }



  .proslide {

    padding-top: 5%;

  }



  .prosimg {

    height: 144px;

    margin-top: -72px;

  }

  .prosimg .proclli ul li {

    width: 36px;

    height: 36px;

    padding-top:5px;

  }



  .prodesc {

    height: 134px;

    right: 5%;

    margin-top: -67px;

  }

  .prodesc ul li .bt {

    font-size: 12px;

    line-height: 1;

  }

  .prodesc ul li .bp {

    font-size: 12px;

  }



  .procl ul li {

    float: left;

    border: 1px transparent solid;

    border-radius: 3px;

    box-sizing: border-box;

    overflow: hidden;

    margin: 0 4px;

    cursor: pointer;

    width: 25px;

    height: 25px;

  }



  .clbtn {

    width: 20px;

    height: 20px;

    margin-top: -10px;

  }

  .clbtn.prevbtn {

    left: 18%;

    background-size: 7px 11px;

  }

  .clbtn.nextbtn {

    right: 18%;

    background-size: 7px 11px;

  }



  .probimgbox .prodesc {

    display: none;

  }



  .probimgbox .probimg {

    width: 75%;

    margin-left: 14%;

    margin-right: 0;

  }



  .procolor {

    line-height: 1;

  }



  .prodatali ul li {

    width: 100%;

    position: relative;

  }

  .prodatali ul li::after {

    content: "";

    display: block;

    width: 200%;

    height: 1px;

    background-color: #e5e5e5;

    position: absolute;

    right: 0;

    bottom: 0;

  }

  .prodatali ul li span b {

    font-weight: normal;

  }



  .profeat h2 {

    font-size: 24px;

    font-weight: normal;

  }



  .buy {

    float: left;

    height: 40px;

  }

  .buy a {

    line-height: 40px;

  }



  .prodatat {

    padding: 5%;

  }



  .protit {

    width: 100%;

    margin-bottom: 20px;

  }

  .protit .mc {

    font-size: 24px;

  }

  .protit .xh {

    font-size: 14px;

  }

  .protit .prodesc {

    position: static;

    margin-top: 20px;

  }

  .protit .prodesc ul li .bt {

    font-size: 16px;

  }

  .protit .prodesc ul li .bp {

    font-size: 12px;

  }



  .groupinfo {

    left: 50%;

    top: 50%;

    width: 90%;

    margin-top: -215px;

    padding: 15px;

    margin-left: -45%;

  }

  .groupinfo .infotit {

    border-bottom: 1px #e5e5e5 solid;

    padding-bottom: 20px;

  }

  .groupinfo .infotit h2 {

    font-size: 24px;

    color: #333;

  }

  .groupinfo .infotx {

    height: 320px;

    overflow: hidden;

  }

  .groupinfo .infotx img {

    max-width: 100%;

  }

  .groupinfo .infotx p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    margin-bottom: 20px;

  }



  .storetx h2 {

    margin-bottom: 5px;

  }

  .storetx .tx {

    margin-bottom: 2%;

  }



  .hdpd {

    height: 40px;

  }

  .hdpd.on {

    height: 40px;

    transition: height 0.8s ease 0s;

  }

  .proselect {

    width: 100%;

    margin-bottom: 28px;

    background: #fff url(../images/proselect.png) no-repeat 5px center;

  }





  .coretit {

    padding: 5%;

  }

  .coretit h2 {

    font-size: 24px;

  }

  .coretit i {

    margin: 5% 0;

  }

  .coretit .coretxt {

    font-size: 14px;

  }



  .coreli ul li .coretx h2 {

    font-size: 24px;

  }

  .coreli ul li .coretx h2 b {

    font-size: 28px;

  }

  .coreli ul li .coretx .corep p {

    font-size: 14px;

    margin-bottom: 1.8%;

  }

  .coreli ul li.oddli em {

    float: right;

  }

  /*=============result============*/

  .result-wrap .newslist{

    padding:2% 5% 0;

  }

  .result-wrap .storelist{

    padding:0 5% 5%;

  }

  .findtit{

    background-color: #f9f9f9;

    padding:10px 5% 10px;

    text-align: center;

  }

  .findtit h2{

    font-size: 24px;

  }

  .mvideo ul{

    padding-top:5%;

  }

  .infoctrl{

    width: 100%;

  }

  .backlistbtn{

    float: left;

    padding:20px 0;

  }

  .pdlt{

    padding-bottom:30px;

  }

  img#code{

    margin-top:10px;

  }

  .join .synewsimg img{

    width: 100%;

  }

  .join .jointx{

    position: static;

  }

  #close-video{

    width: 30px;

    height: 30px;

    margin-top:-40px;

  }

  .mbanner .flex-control-nav{

    bottom:3px;

  }

}

/*@media screen and (max-width: 370px) {

  .pro {

    height: 240px;

  }

}*/







/*===============闪电产品页================*/

@media screen and (max-width: 1400px) {

  .engine .wrap .tx {

    padding-left: 5%;

  }



  .double .wrap .tx {

    padding-left: 5%;

  }



  .model .wrap .tx {

    padding-left: 5%;

  }



  .lock .wrap .tx {

    padding-right: 5%;

  }



  .designul ul li .tx {

    width: 76%;

  }



  .designul ul li:nth-child(2n) .tx {

    left: 12%;

  }



  .designul ul li:nth-child(2n+1) .tx {

    left: 12%;

    right: auto;

  }

  .secure .wrap .tx {

    padding-left: 5%;

    width: 90%;

  }

  .secure .wrap .tx .destance{

    margin-top:20px;

  }

  .carwin .wrap .tx {

    padding-left: 5%;

    width: 90%;

  }



  .antiwater .wrap .tx {

    padding-left: 5%;

  }



  .emanager .wrap .tx {

    padding-left: 5%;

    width: 90%;

  }

  .ability .wrap .tx{

    padding-right:5%;

  }

  .power .acc{

    padding-right:40px;

  }

  .bigcar {

    width: 60%;

    right:0%;

  }

  .flashbdtx{

    top:20%;

  }

  .paramstb .tbtx .txp{

    width: 100%;

  }

}

@media screen and (max-width: 1320px) {

  .linetx {

    padding-right: 5%;

  }

}

@media screen and (max-width: 1280px) {

  .carintro {

    padding-top: 3.5%;

  }

  .carintro .wrap {

    padding-left: 5% !important;

    padding-right: 5% !important;

  }



  .letters {

    font-size: 350px;

  }



  .speed {

    font-size: 24px;

    right: 15px;

    top: 22px;

  }



  .flxtit h2 {

    font-size: 36px;

  }

  .flxtit h2 i {

    width: 32px;

    height: 36px;

  }



  .linetx .linetxp {

    width: 400px;

  }



  .ability .wrap .tx {

    padding-right: 5%;

  }



  .power .abacc {

    padding-right: 30px;

    margin-right: 30px;

  }



  .params .seeparam {

    line-height: 58px;

  }

  .params ul li {

    margin-right: 80px;

  }

  .params ul li p span {

    font-size: 32px;

  }

  .params ul li p span i {

    font-size: 58px;

  }

}

@media screen and (max-width: 1144px) {

  .letters {

    font-size: 280px;

    line-height: 200px;

  }



  .speed {

    font-size: 18px;

    right: 40px;

    top: 0px;

  }



  .linetx .linetxp {

    width: 300px;

  }

  .power .acc .num i{

    font-size: 46px;

  }

  .flashbdtx h3{

    margin-top:4%;

    font-size: 24px;

  }

  .nybuybtn{

    margin-top:4%;

  }

  .nybuybtn{

    padding:15px;

  }

  .paramstb .tbtx{

    width: 100%;

    margin-right:0;

  }

}

@media screen and (max-width: 980px) {

  .letters {

    font-size: 2.2rem;

    line-height: 0.96rem;

  }



  .speed {

    font-size: 0.14rem;

    right: 0.2rem;

    top: -0.24rem;

    line-height: 1;

  }



  .introtx {

    bottom: 1rem;

  }



  .linebg {

    float: none;

    margin: 0 auto;

  }

  .linebg .grayline, .linebg .redline {

    background-size: cover;

  }



  .linetx {

    float: none;

    width: 90%;

    text-align: center;

    margin-top: 4%;

    padding-left: 5%;

    padding-right: 5%;

  }

  .linetx .linetxp {

    width: 100%;

  }



  .power .abacc {

    padding-right: 16px;

    margin-right: 16px;

  }



  .power .abacc .num i {

    font-size: 0.4rem;

  }



  .ability .wrap .tx h2 {

    font-size: 24px;

    line-height: 1;

    margin-bottom: 10px;

  }



  .double .wrap .tx {

    padding-right: 5%;

  }



  .double .wrap .tx .txp {

    width: 100%;

    height: auto;

  }



  .light .tx h2 {

    margin-bottom: 10px;

  }



  .material .materialtx {

    margin-top: 3%;

  }



  .params .seeparam {

    margin-right: 0;

  }

  .params ul li {

    margin-right: 60px;

  }



  .paramimg {

    padding: 3.5% 0;

  }



  .anchors {

    width: 90%;

    padding: 0 5%;

  }

}

@media screen and (max-width: 766px) {


  .carintro {

    padding-top: 8%;

  }



  .speed {

    right: -0.2rem;

  }



  .flxtit h2 {

    font-size: 24px;

  }

  .flxtit h2 i {

    width: 18px;

    height: 24px;

  }



  .flxdots {

    bottom: 42%;

  }



  .anchors {

    width: 100%;

    padding: 0;

  }



  .anchors ul {

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);

  }



  .anchors ul li {

    float: left;

    width: 20%;

    font-size: 12px;

    line-height: 40px;

    margin: 0;

    box-shadow: none;

  }

  .anchors ul li i {

    font-size: 12px;

    margin: 0;

  }

  .anchors ul li span {

    margin: 0;

  }



  .linetx h2 {

    font-size: 24px;

    margin-bottom: 10px;

  }



  .linebg {

    width: 305px;

    height: 130px;

  }

  .linebg .grayline, .linebg .redline {

    background-size: cover;

  }



  .linebg .sm {

    font-size: 12px;

    right: 4px;

    top: 28px;

  }



  .linebg .tm {

    font-size: 12px;

    right: 4px;

    top: 58px;

  }



  .linebg .linecenter {

    font-size: 16px;

    top: 48px;

    left: 162px;

  }



  .mdots b.b01 {

    top: 70px;

    left: 62px;

  }



  .mdots b.b02 {

    top: 80px;

    left: 99px;

  }



  .mdots b.b03 {

    top: 57px;

    left: 185px;

  }



  .mdots b.b04 {

    top: 49px;

    left: 235px;

  }



  .redb {

    top: 72px;

    left: 165px;

  }

  .engine{

    position: relative;

    background:none !important;

  }

  .engine>img{

    position: relative;

    left:-78%;

    top:0;

    display: block;

    width: 180%;

  }

  .engine .wrap{

    padding:9% 0;

  }

  .engine .wrap .tx {

    padding-right: 5%;

  }

  .engine .wrap .tx h2 {

    font-size: 24px;

    margin-bottom: 10px;

    color: #333;

  }

  .engine .wrap .tx .txp{

    color: #666;

  }

  .power .deg .num {

    font-size: 1rem;

  }

  .power .acc::after{

    background-color: #666;

  }

  .power .acc {

    padding-right: 40px;

  }

  .power .acc p{

    color:#666;

  }

  .power .deg p{

    color:#666;

  }

  .power .acc .num i {

    font-size: 1rem;

  }



  .power .abacc {

    padding-right: 0.18rem;

    margin-right: 0.18rem;

  }



  .power .abacc .num i {

    font-size: 0.5rem;

  }



  .ability {

    background-image: none !important;

  }

  .ability > img {

    display: block;

  }

  .ability .wrap{

    padding:9% 0;

  }

  .ability .wrap .tx {

    width: 90%;

    padding-left: 5%;

  }

  .double{

    background:none !important;

  }

  .double>img{

    display: block;

    position: relative;

    left:-20%;

    width: 120%;

  }

  .double .wrap{

    padding:9% 0;

    background-color: #1d1d1f;

  }

  .double .wrap .tx h2 {

    font-size: 24px;

    color:#fff;

  }

  .double .wrap .tx .txp{

    color: #fff;

  }

  .cws{

    margin-top:20px;

  }

  .cws .cw {

    width: 90px;

    height: 90px;

    padding-top: 18px;

    margin-right: 5px;

  }

  .cws .cw .precent i {

    font-size: 32px;

  }

  .cws .cw .cwj {

    line-height: 1;

    color:#fff;

  }

  .cws .cw .cwj .wn{

    color:#fff;

  }

  .allc span {

    font-size: 4.2rem;

  }

  .allc span i {

    font-size: 2rem;

    top: 0.8rem;

    right: -20px;

  }



  .alldegtit h2 {

    font-size: 24px;

  }



  .alldegtit .desc {

    margin-top: 24px;

  }

  .alldegtit .desc ul li {

    margin: 0 8px;

  }



  .alldegslide .bimg .slidebtn {

    width: 15px;

    height: 34px;

  }

  .model .modelbg{

    display: none;

  }

  .model>img{

    display: block;

    width: 160%;

    position: relative;

    left:-50%;

    margin-top:0;

  }

  .model .wrap{

    padding-top:9%;

    padding-bottom:9%;

    background-color: #fff;

  }

  .model .wrap .tx .itx{

    margin-top:20px;

  }

  .model #wave{

    bottom:-78px;

  }

  .model .wrap .tx h2 {

    font-size: 24px;

  }

  .model .wrap .tx .txp {

    width: 90%;

    height:auto;

    padding-right: 5%;

  }

  .lock{

    background:none !important;

  }

  .lock>img{

    display: block;

    position: relative;

    width: 170%;

    left:-20%;

    margin-top:-40px;

  }

  .lock .wrap{

    padding-bottom:8%;

  }

  .lock .wrap .tx {

    width: 90%;

  }

  .lock .wrap .tx .txp {

    width: 100%;

    padding: 0;

  }

  .model .wrap .tx h2{

    color: #333;

  }

  .model .wrap .tx .txp{

    color: #666;

  }

  .lock .wrap .tx .itx {

    margin-top: 20px;

  }

  .lock .wrap .tx .itx ul li {

    float: left;

    margin-right: 40px;

    margin-left: 0;

  }

  .light .tx {

    position: static;

    padding-top: 6%;

  }

  .light .tx h2 {

    font-size: 18px;

  }

  .light .tx .txp{

    font-size: 12px;

    line-height: 18px;

  }

  .lightq {

    position: relative;

    margin-top:-31%;

  }

  .lightq .bd {

    position: relative;

  }

  .lightq .bd > img {

    width: 260%;

    height: auto;

  }

  .lightq .bd ul {

    width: 100%;

    height: 100%;

  }

  .lightq .bd ul li {

    width: 260%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -130%;

  }

  .lightq .hd {

    width: 90%;

    padding: 0 5%;

    left: 0;

    margin: 0;

  }

  .lightq .hd ul li em {

    width: 50px;

    height: 50px;

    margin-bottom: 0;

  }

  .design .tit{

    padding-top:5%;

    padding-bottom:5%;

  }

  .design .tit h2 {

    font-size: 24px;

  }

  .design .tit .subh {

    font-size: 14px;

    margin-top: 10px;

  }



  .designul ul li {

    width: 100%;

  }

  .designul ul li .tx{

    position: static;

    padding:5% 5%;

  }

  .designul ul li .tx h2 {

    margin-bottom: 10px;

    color:#333;

  }

  .designul ul li .tx .txp{

    color: #666;

  }

  /*.designul ul li:nth-child(2n) .tx {

    left: 5%;

  }



  .designul ul li:nth-child(2n+1) .tx {

    left: 5%;

  }*/



  .secure {

    background:none !important;

  }

  .secure > img {

    display: block;

    width: 140%;

    position: relative;

    left:-40%;

  }

  .secure .wrap{

    padding-bottom:8%;

  }

  .secure .wrap .tx {

    padding-right: 5%;

  }

  .secure .wrap .tx h2 {

    font-size: 24px;

    margin-bottom: 12px;

  }

  .secure .wrap .tx .txp {

    width: 100%;

  }

  .material .wrap{

    padding-top:9%;

    padding-bottom:4.5%;

    background-color: #f4f4f4;

  }

  .material .materialtx {

    margin-top: 0;

  }

  .material .materialtx h2 {

    font-size: 14px;

  }

  .material .materialtx .numpre {

    font-size: 48px;

  }

  .material .materialtx .materialtxp {

    margin-top: 10%;

    font-size: 18px;

    line-height: 24px;

  }

  .carwin{

    background:none !important;

  }

  .carwin>img{

    display: block;

    width: 130%;

    margin-left: -15%;

  }

  .carwin .wrap{

    padding-top:9%;

    padding-bottom:9%;

  }

  .carwin .wrap .tx h2 {

    font-size: 24px;

    margin-bottom: 10px;

    color:#333;

  }

  .carwin .wrap .tx .txp{

    color:#666;

  }

  .antiwater .wrap{

    padding-bottom:14%;

  }

  .antiwater .wrap .tx {

    width: 90%;

    padding-right: 5%;

  }

  .antiwater .wrap .tx h2 {

    font-size: 24px;

  }

  .antiwater .wrap .tx .txp {

    margin-top: 10px;

  }

  .antiwater .wrap .tx .deep {

    width: 40px;

    height: 40px;

    margin-top: 30px;

  }

  .antiwater .wrap .tx .deep p {

    font-size: 14px;

  }

  .antiwater .wrap .tx .deep p i {

    font-size: 16px;

  }

  .bigcar{

    width: 50%;

  }

  .emanager{

    background: none !important;

  }

  .emanager>img{

    display: block;

    width: 150%;

    position: relative;

    left:-40%;

  }

  .emanager .wrap{

    padding-top:9%;

    padding-bottom:0;

  }

  .emanager .wrap .tx {

    padding-right: 5%;

  }

  .emanager .wrap .tx h2 {

    font-size: 24px;

    color:#333;

  }

  .emanager .wrap .tx .subh {

    font-size: 16px;

    color:#666;

  }

  .emanager .wrap .tx .txp {

    height: auto;

    margin-top: 12px;

    width: 100%;

    color:#666;

  }



  .params .seeparam {

    line-height: 24px;

    font-size: 14px;

  }

  .params ul li {

    margin-right: 10px;

  }

  .params ul li p {

    font-size: 12px;

  }

  .params ul li p span {

    font-size: 12px;

  }

  .params ul li p span i {

    font-size: 24px;

  }



  .wanted {

    padding-top: 20px;

    padding-bottom:0;

  }

  .wanted a {

    height: 40px;

    line-height: 40px;

  }

  .alldeg{

    padding:9% 0 5%;

  }

  .alldegtit .desc ul li em{

    width: 50px;

    height: 50px;

  }

  .alldegtit .desc ul li em b{

    width: 40px;

    height: 40px;

    margin-left:-20px;

    margin-top:-20px;

  }

  .lightq .hd ul li em b{

    width: 40px;

    height: 40px;

    margin-left:-20px;

    margin-top:-20px;

  }

  .model .wrap .tx .itx ul li em{

    width: 50px;

    height: 50px;

  }

  .model .wrap .tx .itx ul li em b{

    width: 40px;

    height: 40px;

    margin-top:-20px;

    margin-left:-20px;

  }

  .flashbdtx{

    top:38%;

  }

  .flashbdtx h2{

    font-size: 12px;

  }

  .flashbdtx .entx{

    display: none;

    font-size: 12px;

    line-height: 1;

    margin-top:10px;

  }

  .nybuybtn{

    display: none !important;

    width: 140px;

    padding:10px;

  }

}

/*# sourceMappingURL=mobile.css.map */